<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@include file="common.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />


<title>业务员绩效管理系统登录页</title> 


<%String basePath = request.getContextPath()+"/"; %>

<style type="text/css">
/* CSS Document */
body,div,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,table,thead,tbody,th,td,i,b,span,em,section,header,footer,aside,nav,menu,article,dialog,figure,hgroup
	{
	margin: 0;
	padding: 0;
}
 
body {
	font-family: Arial, '宋体', Tahoma;
	font-size: 12px;
	color: #666;
	background-color: #fff;
}

ul,ol {
	list-style: none;
}

img {
	border: none;
}

.h_10 {
	height: 10px;
	overflow: hidden;
}

.mt_10 {
	margin-top: 10px;
}

.ml_10 {
	margin-left: 10px;
}

.c {
	clear: both;
}

.input_01 {
	width: 274px;
	height: 20px;
	line-height: 20px;
	border: solid 1px #fff;
	color:#ffffff;   
  	background-color: #d1e5f3;
/*     background-repeat:no-repeat; */
   <%--  background: url(<%=basePath%>images/login/slk.png); --%>

}

.input_02 {
	width: 115px;
	height: 20px;
	line-height: 20px;
	border: solid 1px #fff;
	background-color: #d1e5f3;
}

.input_03 {
	width: 250px;
	height: 20px;
	line-height: 20px;
	border: solid 1px #7f9cba;
	background-color: #fff;
}

.select_01 {
	width: 272px;
	height: 20px;
	line-height: 20px;
	border: solid 1px #fff;
	color: #194699;
	background-color: #d1e5f3;
}

.btn_div .btn_01,.btn_div .btn_01:hover,.btn_div .btn_02,.btn_div .btn_02:hover,.btn_div02 .btn_03,.btn_div02 .btn_03:hover,.btn_div02 .btn_04,.btn_div02 .btn_04:hover
	{
	background: url(<%=basePath%>images/login/btn_bg.png) no-repeat;
	
}
/*  头尾 */
.header {
	height: 60px;
	border-bottom: solid 4px #d61b12;
	background-color: #f5f5f5;
}

.header .header_con {
	width: 960px;
	height: 60px;
	margin: 0 auto;
}

.header .logo_area {
	width: 430px;
	height: 60px;
	float: left;
	text-indent: -9999px;
	background: url(<%=basePath%>images/login/logo.png) no-repeat;
}

.header .user_act {
	float: right;
	height: 30px;
	line-height: 30px;
	margin-top: 30px;
	padding-right: 10px;
}

.header .user_act span {
	color: #aeaeae;
	padding: 0 5px;
}

.header .user_act a {
	color: #666;
	text-decoration: none;
}

.header .user_act a:hover {
	color: #666;
	text-decoration: underline;
}

.footer {
	text-align: center;
	padding-top: 20px;
	line-height: 20px;
}
/*  登陆页面 */
.login_main {
	width: 620px;
	padding-top: 220px;
	_padding-top: 180px;
	height: 572px;
	overflow: hidden;
	margin: 0 auto;
}

.login_content {
	width: 620px;
}

.table_wrap {
	width: 400px;
	height: 144px;
	margin: 0 auto;
	padding-top: 40px;
}

.table_wrap table td {
	padding: 4px 0;
}

.table_wrap table .td_r {
	text-align: right;
	color: #fff;
}

.table_wrap a {
	color: #fff;
	text-decoration: underline;
}

.btn_div {
	height: 65px;
	padding-top: 10px;
}

.btn_div .btn_area {
	height: 40px;
	margin-left: 185px;
}

.btn_div .btn_01 {
	display: block;
	float: left;
	width: 137px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 3px 3px 0;
	background-position: 0 0;

}

.btn_div .btn_01:hover {
	background-position: 0 -50px;
}

.btn_div .btn_02 {
	display: block;
	float: left;
	width: 99px;
	height: 36px;
	margin-left: 28px;
	text-align: center;
	line-height: 36px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 4px 4px 0;
	background-position: 0 -100px;
}

.btn_div .btn_02:hover {
	background-position: 0 -150px;
}

.p_link {
	margin-left: 230px;
	padding-top: 10px;
}

.p_link a {
	color: #fff;
	text-decoration: underline;
}
/*  应用系统页面 */
.main {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}

.system_area {
	
}

.system_area .tag_ul {
	height: 29px;
}

.system_area .tag_ul li {
	width: 124px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url(<%=basePath%>images/login/tag_bg.png) no-repeat;
}

.system_area .s_a_con {
	width: 938px;
	padding: 10px;
	border: solid 1px #d9d9d9;
}

.system_area .sys_list {
	height: 150px;
}

.system_area .sys_list li {
	width: 146px;
	height: 146px;
	float: left;
	padding: 0 4px 4px 0;
	margin-right: 7px;
	background: url(<%=basePath%>images/login/a_bg.png) no-repeat;
}

.system_area .sys_list li a {
	display: block;
	width: 120px;
	height: 126px;
	line-height: 18px;
	color: #666;
	text-decoration: none;
	padding: 20px 13px 0 13px;
	text-align: center;
}

.system_area .sys_list li a b {
	display: block;
	width: 120px;
	height: 75px;
	margin-bottom: 5px;
	background: url(<%=basePath%>images/login/icon01.png) no-repeat;
}
/*  修改密码页面 */
.step {
	height: 51px;
}

.notice {
	width: 600px;
	margin: 0 auto;
	line-height: 20px;
	padding-top: 20px;
}

.table_wrap02 {
	width: 400px;
	margin: 0 auto;
	padding-top: 30px;
}

.table_wrap02 table td {
	padding: 8px 0;
}

.table_wrap02 table .td_r {
	text-align: right;
	color: #333;
}

.table_wrap02 a {
	color: #fff;
	text-decoration: underline;
}

.table_wrap02 .mark {
	color: #ff0000;
	font-size: 12px;
	font-family: '宋体';
}

.btn_div02 {
	height: 29px;
}

.btn_div02 .btn_03 {
	display: block;
	float: left;
	width: 90px;
	padding-right: 22px;
	height: 29px;
	color: #fff;
	text-align: center;
	line-height: 29px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	background-position: 0 -200px;
}

.btn_div02 .btn_03:hover {
	background-position: 0 -240px;
}

.btn_div02 .btn_04 {
	display: block;
	float: left;
	width: 68px;
	height: 29px;
	color: #666;
	text-align: center;
	line-height: 29px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin-left: 20px;
	background-position: 0 -280px;
}

.btn_div02 .btn_04:hover {
	background-position: 0 -320px;
}

/*  安全内控管理平台 竹云  */
body {
	<%--  background: url(<%=basePath%>images/login/login_bg_nk_zy.jpg) top center --%>
   	background: url(<%=basePath%>images/login/bg.png) top center  
		#c1e7ff no-repeat;
}

/* 安全运维管理平台  中彩  */
//body {
//	background: url(<%=basePath%>images/login/login_bg_zc.jpg) top center
//		#c1e7ff no-repeat;
//}


</style>


<script src="scripts/cookie.js" type="text/javascript" charset="UTF-8"></script>
<script>
$(function() {
    var opeForm;
    //防止session过期后，显示重新登录页面在布局框架的右侧。
    if(top != self) {
      top.location.href = self.location.href;
    }
    
    $(function(){
      
      opeForm=$('#opeForm');
      opeForm.url = 'doLogin.do';
      
      $('#username').focus();
      $('#reValidate').click(reValidate);   //刷新验证码
      $('#validateimg').attr('src','showValidateCode.do' +'?timeStamp='+new Date().getTime());
      $('#loginBtn').click(userLogin);
      //$('#clearBtn').click(clearOperation);
	  $('#clearBtn').click(refreshWin);      
      
      //getUserInfo();
    });
    
    //清空操作（重置）
    function clearOperation() {
      opeForm.resetForm();
    }
    
     function userLogin() {
      
      var validateResult = opeForm.form('validate');
      if (!validateResult){
        showInfoWin('请正确填写信息！');  
        return;
      }
  //    showSystemProccessing();
      var options = { 
          url: opeForm.url,
          type: 'post',
		  success: function(operationType){
		//		removeSystemProccessing();
				//saveUserInfo();
				if (operationType == '30') {
					window.location.href = 'showMain.do';
				} else if (operationType == '99') {
		//			window.location.href = 'showMustChangePass.do';
				}
			},
          error : function (XMLHttpRequest, textStatus, errorThrown) {
              
         //showInfoWin('验证不通过，重新输入！');  
          
              $('#validateimg').attr('src','showValidateCode.do' +'?timeStamp='+new Date().getTime());
              
              $('#validate').val("");
          }
      };
      opeForm.ajaxSubmit(options);
    }
    
    function reValidate(){
      $('#validateimg').attr('src','showValidateCode.do' +'?timeStamp='+new Date().getTime());
    }
    
    function saveUserInfo() {
     var expires = new Date();
     // sets it for approx 30 days.
     expires.setTime(expires.getTime() + 24 * 30 * 60 * 60 * 1000); 
     setCookie("userCode",document.getElementById('fbm').value,expires,"<c:url value="/"/>");
     setCookie("aaa010",document.getElementById('fczqhid').value,expires,"<c:url value="/"/>");
    }
});     
</script>

</head>
<body>

  <div class="login_main">
    <form id="opeForm" name="opeForm" method="post">
      <div class="login_content">
        <div class="table_wrap">
          <input type="hidden" name="needValid" value="true" />
          <table width="400" border="0" cellspacing="0" cellpadding="0">
<!--             <tr>
              <td width="115" class="td_r">认 证 方 式：</td>
              <td width="285">
                <ext:select id="auth_mode" name="model.auth_mode" cachetype="B_AUTH_MODE" nameprop="auth_mode_name" valueprop="auth_mode_code" condnames="use_status;" condvalues="1" orderby="auth_seq" styleClass="select_01" />
              </td>
            </tr> -->
            <tr>
              <td class="td_r">用 户 名：</td>
              <td><input type="text" id="login_name" name="model.login_name" value="" class="input_01 easyui-validatebox editMainText" required="true" />
              </td>
            </tr>
            <tr>
              <td class="td_r">密 码：</td>
              <td><input type="password" id="password" name="model.password" value="" class="input_01 easyui-validatebox editMainText" required="true" size="25" />
              </td>
            </tr>
            <tr>
              <td class="td_r">校 验 码：</td>
              <td><input type="text" id="validate" name="validate" value="" class="input_02 easyui-validatebox editMainText" required="true" size="10" /> <img id="validateimg" height="18px" /> &nbsp;<a id="reValidate" href="#" tabindex="-1">看不清？</a>
              </td>
            </tr>
          </table>
        </div>
        <div class="btn_div">
          <div class="btn_area">
            <a id="loginBtn" class="btn_01" href="#">登 录</a>
            <a id="clearBtn" class="btn_02" href="#">重 置</a>
          </div>
        </div>

        <div class="footer">
          ©2013 作者保留所有权利。
        </div>
      </div>
    </form>
  </div>
</body>
</html>

